<!DOCTYPE html>
<!--哈哈哈-->
<!--哈哈哈-->
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>微圈详情</title>
    <link rel="stylesheet" href="/layui/css/layui.css">
    <script src="/layui/layui.js"></script>
    <script src="/jquery/jquery-3.2.1.min.js"></script>
    <link rel="stylesheet" href="/css/MicroCircle/MicrocircleDetails.css"/>
    <style>

    </style>
</head>
<body>
<div class="layui-row">
    <div class="layui-col-md10">
        <div class="layui-card headerCenter">
            <div class="layui-card-header backColor">
                管理微圈
                <button style="float: right;margin-top: 5px" onclick="refresh()" type="button" class="layui-btn layui-btn layui-btn-sm">
                        <i class="layui-icon layui-icon-refresh-1"></i>
                        刷新
                </button>
            </div>
        </div>
    </div>
</div>
<div class="bigBox">
    <div class="leftBox">
        <div>
            <img class="imgStyle" id="imgPhoto">
            <p style="text-align: center;font-size: 18px;font-weight: 600" id="userRole">hhah</p>
        </div>
        <div style="width: 250px;height: 500px;margin: 0 auto">
            <p class="fontStyle">标题：<span id="title" style="color: #44C4A1;font-weight: 600">bbbb</span></p>
            <p class="fontStyle">创作人：<span id="creator" style="font-weight: 600">aaaa</span></p>
            <p class="fontStyle">分类：<span id="classification" style="font-weight: 600">aaaa</span></p>
            <p class="fontStyle">日期：<span id="date" style="font-weight: 600">aaaa</span></p>
            <p class="fontStyle">账号：<span id="account" style="font-weight: 600">aaaa</span></p>
        </div>
    </div>
    <div class="rightBox">
        <div class="rightSonBox">
            <h1 id="ClassificationName" style="color: #44C4A1;font-weight: 600;line-height: 50px">Java的高级</h1>
            <p id="describe" style="height: 100px;background: #FF5722;font-size: 18px"></p>
            <img style="width: 500px;height: 500px;background: seashell;margin-top: 10px">
            <div style="width:600px;height:125px;margin-top: 20px">
                <ul style="float: left;text-align: center">
                    <li class="liStyle1">查看量</li>
                    <li class="liStyle1">点赞数</li>
                    <li class="liStyle1">分享量</li>
                    <li class="liStyle1">收藏</li>
                </ul>
                <ul style="float: left;text-align: center">
                    <li class="liStyle2" id="lookNum"></li>
                    <li class="liStyle2" id="likesNum"></li>
                    <li class="liStyle2" id="shareNum"></li>
                    <li class="liStyle2" id="collection"></li>
                </ul>
            </div>
            <div style="border-bottom: 3px solid #DCDCDC;margin-top: 40px;font-size: 18px;color:#9D9895"><i class="layui-icon layui-icon-reply-fill"></i>&nbsp;&nbsp;回复评论及需修改内容</div>
            <form class="layui-form" action="" style="margin-top: 20px">
                <div class="layui-form-item">
                    <label class="layui-form-label">用户名：</label>
                    <div class="layui-input-inline">
                        <input type="text" id="userName" name="userName" required  lay-verify="required" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">账号：</label>
                    <div class="layui-input-inline">
                        <input type="text" id="userAccount" name="account" required  lay-verify="required"  autocomplete="off" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item layui-form-text">
                    <label class="layui-form-label">回复评论：</label>
                    <div class="layui-input-inline" style="width: 300px;height: 100px">
                        <textarea name="desc" placeholder="请输入内容" class="layui-textarea"></textarea>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-submit lay-filter="formDemo">确定</button><span style="margin-left: 20px">注意：管理员回复内容会显示在前台</span>
                    </div>
                </div>
            </form>
            <div style="border-bottom: 3px solid #DCDCDC;margin-top: 40px;font-size: 18px;color:#9D9895"><i class="layui-icon layui-icon-at"></i>&nbsp;&nbsp;全部评论</div>
            <div class="commentContent" id="commentContent" >

            </div>
        </div>
    </div>
</div>
</body>
</html>